感谢您下载 Freebix - 免费、完全响应的 HTML 网站模板。

A) 一般规定

一些一般信息

此模板是 HTML/CSS 响应式模板。它与所有现代浏览器、智能手机和平板电脑兼容。它基于 960 网格，可优雅地缩小到缩小的浏览器窗口、平板电脑、手机（横向和纵向）

文件列表

Freebix 文件夹包含：

• → HTML 文件夹
• → 帮助文件夹
• → 许可证

B）HTML结构

首页 HTML 结构

• › 标题 - 徽标和菜单部分
• › 主页内容部分 - 滑块
• › 首页内容部分-信息框
• › 首页内容部分 - 最新照片盒
• › 首页内容部分 - 常见问题和最新条目
• › 主页内容部分 - 页脚
• › 主页内容部分 - 版权

所有内容都在名为容器/*div class="container"/*的 div 内。这样，您的布局就保持在网站中心。

导航结构

模板包含“主菜单”和“响应菜单” - 适用于手机和平板电脑

prettyPhoto（灯箱）帮助

这部分负责 prettyPhoto ：

这是一个例子，打开 blog.html 文件并找到以下行：

您需要在 href 里面放置您想要在灯箱里显示的更大图像的链接。

如何更改徽标！？您可以在这里找到代码

您只需将您的徽标作为 .png 文件保存在您的图像文件夹中，并将其放在代码的img src="images/logo.png"部分内。

C）CSS结构

CSS 文件列表

CSS 文件夹包含 4 个 CSS 文件：

• → base.css - 基本模板样式
• → prettyPhoto.css
• → screen.css——主要模板样式和媒体查询
• →skeleton.css - 960 网格系统

请注意

上面提到的样式是必不可少的文件，请不要将它们从您的 html 文件中删除：

在screen.css中，所有代码都按 html 结构的每个部分进行了很好的排序。要自定义您的网站，您需要做的就是在标记中找到相应的 id 或类，并在 CSS 文件中找到其样式。例如：

HTML：

样式表：

如果您需要有关 css 部分的一些帮助，或者您不知道如何使用和更改它，您可以访问w3School：http://www.w3schools.com，在那里您可以找到 CSS 以及 HTML、JAVA、PHP 的精彩教程和示例...

D）JS 结构

JS 文件列表

• › jquery-1.8.0.min.js - 这是关键文件，不要删除它。
• › screen.js - 包含 js 脚本的主文件
• › tabs.js - 标签
• › jquery.prettyPhoto.js - 用于图像的 prettyPhoto
• › jquery.flexslider-min.js - 响应式滑块
• › superfish.js - jquery 菜单
• › hoverIntent.js

Js 脚本位于页面的最底部，以便浏览器首先加载内容，然后加载 javascript 元素。

像这样 ：

E）PHP 结构

PHP 文件

“process.php”文件对于联系页面/联系表单很重要

在$toemail = 'test@youremail.com'中你需要输入你的电子邮件地址，以便人们可以联系你

联系表单在 screen.js 文件内激活，如下所示：

F) 致谢

不同脚本文件的致谢

• jQuery：http://jquery.com/
• PrettyPhoto：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
• Google 字体：http://www.google.com/webfonts#ChoosePlace :select
• Superfish 菜单：http://users.tpg.com.au/j_birch/plugins/superfish/
• Flexslider：http://www.woothemes.com/flexslider/

不同资产的信用 - 图片

实时预览使用的照片来自markjsebastian。它们不包含在下载文件中。